<template>
    <div>
		<div class="graybg"></div>
		
		<div class="header header_bg">

			<div class="header_left">
				<i onclick="javascript:history.back(-1)" class="iconfont baiColor">&#xe612;</i>
			</div>
			<div class="header_center">
				<span class="baiColor">协议与声明</span>
			</div>
		</div>
		<div class="center marginAuto" style="padding-top: 42px;">
			<p>商城用户协议声明</p>
			<div class="content">
				<div class="ul marginAuto">
					<p v-for="(shengming,index) in shengmings">{{index+1}}、{{shengming.name}}</p>
				</div>
			</div>
		</div>
    </div>
</template>
<script>
    export default{
        data(){
            return {
				shengmings:[
					{name:'平台会定期发布资讯内容，每篇文章底部会有积分领取，没片文章只可领取一次积分'},
					{name:'平台会定期发布资讯内容，每篇文章底部会有积分领取，没片文章只可领取一次积分'},
					{name:'平台会定期发布资讯内容，每篇文章底部会有积分领取，没片文章只可领取一次积分'},
					{name:'平台会定期发布资讯内容，每篇文章底部会有积分领取，没片文章只可领取一次积分'},
				]
            }
        },
    }

</script>

<style scoped="scoped">
@import "../css/public.css";
.center{
	width: 95%;
}
.center > p{
	padding: 10px 0;
	font-size: 14px;
	color: #666;
}
.content{
	background: #fff;
	font-size: 13px;
	color: #999;
}
.content .ul{
	width: 95%;
	padding: 10px 0;
}
.content p{
	height: 50px;
	line-height: 25px;
	margin-bottom: 10px;
}
</style>
